<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
    <base href="<%=basePath %>">
    <link href="<%=basePath %>/static/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="<%=basePath %>/static/css/select.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="<%=basePath %>/static/js/jquery.js"></script>
    <script type="text/javascript" src="<%=basePath %>/static/js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="<%=basePath %>/static/js/select-ui.min.js"></script>
    <script type="text/javascript" src="../../editor/kindeditor.js"></script>
    <script type="text/javascript" src="<%=basePath %>/static/js/laydate/laydate.js"></script>
    <script type="text/javascript">
        KE.show({
            id: 'content7',
            cssPath: './index.css'
        });
    </script>
    <script type="text/javascript">


        $(document).ready(function (e) {
            $(".select1").uedSelect({
                width: 345
            });
            $(".select2").uedSelect({
                width: 167
            });
            $(".select3").uedSelect({
                width: 100
            });


        });


    </script>
</head>

<body>
<div class="place"><span>位置：</span>
    <ul class="placeul">
        <li>首页</li>
        <li>入住信息管理</li>
        <li>添加入住信息</li>
    </ul>
</div>
<div class="formbody">
    <div class="formtitle"><span>入住信息</span></div>
    <div id="usual1" class="usual">
        <form action="<%=basePath %>addInRoomInfo.do" method="post">
            <div id="tab1" class="tabson">
                <ul class="forminfo">
                    <li>
                        <label>房间号<b>*</b></label>
                        <div class="vocation">
                            <!--   <input name="" type="text" class="dfinput" value="请填写单位名称"  style="width:518px;"/>-->
                            <select name="roomId" class="select1">
                                <c:forEach items="${roomList }" var="map">
                                    <option value="${map.id}">${map.roomNum }</option>
                                </c:forEach>
                            </select>
                        </div>
                    </li>
                    <br/>
                    <li  style="margin-top:20px;">
                        <label for="name" >客人姓名<b>*</b></label>
                        <div class="vocation">
                            <input name="customerName" type="text" class="dfinput" placeholder="请填写客户姓名"  style="width:344px;"/>
                        </div>
                    </li>
                    <br/>
                    <li>
                        <label for="sex">性别<b>*</b></label>
                        <input name="gender" type="radio" value="true" checked="checked" />
                        男&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="gender" type="radio" value="false" />
                        女
                    </li>
                    <br />
                    <li><cite>
                        <label for="sex">会员<b>*</b></label>
                        <input name="isVip" type="radio" value="true" checked="checked" />
                        是&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="isVip" type="radio" value="false" />
                        否</cite></li>
                    <br />
                    <li>
                        <label for="name" >身份证号码<b>*</b></label>
                        <div class="vocation">
                            <input name="idcard" type="text" class="dfinput" placeholder="请填写客户身份证号码"  style="width:344px;"/>
                        </div>
                    </li>
                    <br />
                    <li>
                        <label for="name" >手机号码<b>*</b></label>
                        <div class="vocation">
                            <input name="phone" type="text" class="dfinput" placeholder="请填写客户手机号码"  style="width:344px;"/>
                        </div>
                    </li>
                    <br />
                    <li>
                        <label for="name" >押金<b>*</b></label>
                        <div class="vocation">
                            <input name="money" type="text" class="dfinput" placeholder="输入押金金额"  style="width:344px;"/>
                        </div>
                    </li>
                    <br />
                    <li>
                        <label for="date" >入住时间<b>*</b></label>
                        <div class="vocation">
                            <input name="createDate" type="text"  class="laydate-icon span1-1" id="Calendar" style="width:324px; height:30px; line-height:28px; text-indent:10px; "/>
                        </div>
                    </li>
                    <br />
                    <li>
                        <label>&nbsp;</label>
                        <input type="submit" class="btn" value="入住"/>
                    </li>
                </ul>
            </div>
        </form>
    </div>
    <script type="text/javascript">

        $("#usual1 ul").idTabs();
    </script>
    <script type="text/javascript">
        $('.tablelist tbody tr:odd').addClass('odd');

        !function () {
            laydate.skin('qianhuang');
            laydate({elem: '#Calendar'});
            laydate.skin('qianhuang');
            laydate({elem: '#Calendar2'});
        }();
        $(function dd() {
            var d = new Date(), str = "";
            str += (d.getFullYear() + "-");
            str += "0";
            str += (d.getMonth() + 1 + "-");
            str += d.getDate();
            $("#Calendar").attr("value", str);
            $("#Calendar2").attr("value", str);
        });

    </script>
</div>
</body>
</html>
